.container{
  width: 100%;
  max-height: 100%;
  height: 100%;
  overflow: hidden;
}

.header{
  width: 100%;
  background: #fafafa;
  padding: 0rem 0rem 0rem 0rem;

  /*background-size: 10rem 7.6rem;*/
  /*width: 100%;*/
  /*height: 18rem;*/
}
.header .gengduo{
  width: 100%;
  padding: 0.5rem 0.5rem 0 0;

}
.header .gengduo img{
  width: 1.3rem;
  height: 1.3rem;
  color: #ffffff;
}
.header .headImg{
  width: 100%;
  margin:0px auto .5rem auto;
}
.headImg .imgTou,.headImg .name,.headImg .yanzhengma{
  width: 100%;
  font-size: 1rem;
  color: #ffffff;
  margin-bottom: .4rem
}
.headImg .imgTou img{
  width: 3.133333rem;
  height: 3.133333rem;
  border-radius: 50%;
}
.beifen{
  border: 1px solid #999092;
  border-radius: .333333rem;
  padding:.133333rem .2rem;
  color: #999092;
  font-size: 1rem;
}
.erweima img{
  width: 1.2rem;
  height: 1.2rem;
}
.zichang{
  width: 100%;
  padding-left: .493333rem;
  padding-right: .6rem;
  color: #ffffff;
  /* margin-top: 1.6rem; */
  margin-bottom: .6rem;
}
.shuliang h1:first-child{
  font-size: 1rem;
}
.shuliang h1:last-child{
  font-size: 1.5rem;
}
.zongzichang{
  font-size: 0.7rem;
}
.weisheng img{
  width: 1.5rem;
  height: 1.5rem;
}
.xuanzefenlei{
  background: #ffffff;
  border-bottom:1px rgba(0,0,0,0.1) solid;
}
.eth {
  padding:.733333rem 1rem;
}
.eth .zhizhen{
  font-size: 1.4rem;
  color: #4e5e70;
}

.eth .zhizhen img{
  width: 2.6rem;
  height: 2.6rem;
}
.monery span{
  width: 100%;
}
.monery span:first-child{
  font-size: 14px;
  color: #4e5e70;
}
.monery span:last-child{
  font-size: 14px;
  color: #8c96a8;
}

.side{
  width: 100%;
  /*height: 100rem;*/
  background: #ffffff;
}
.side .sideduo{
  margin-top: 2rem;
  width: 100%;
  /* padding-left: .333333rem; */
}
.side .sideduo>div{
  width: 100%;
  font-size: 0.8rem;
}
.wallet{

  padding-left: .7rem;
  padding-top: .293333rem;
  padding-bottom: .24rem;

}
.wallet.active{
  background: #ececec;
}

.saoyi{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.saoyi,.baobao{
  padding-left: 1.2rem;
}
.headImgImg img{
  width: 2.2rem;
  height: 2.2rem;
}
.saoyisao img{
  width: 1rem;
  height: 1rem;
}
.qiandao img{
  width: 1rem;
  height: 1rem;
}

/* common */
.flex {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  }
  /* 宽度随屏幕改变变化 */
  .flex-1 {
    flex: 1;
    -webkit-flex: 1;
  }
  /* flex 布局下，css 设置文本不换行时，省略号不显示的解决办法 ，父容器设置*/
  .flex-ell{
    width: 0;
  }
  .flex-direction-row{
    flex-direction: row;
    -webkit-flex-direction: row;
  }
  .flex-direction-column{
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .flex-center-align{
    align-items: center;
    -webkit-align-items: center;
  }
  /* 垂直 水平 居中 */
  .flex-center {
    /* justify-content: center;
    -webkit-justify-content: center; */
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
  }
  .flex-center-center{
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
  }
  .flex-center-end{
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
  }
  .flex-column-end{
    flex-direction: column;
    -webkit-flex-direction: column;
    /* align-items: center;
    -webkit-align-items: center; */
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
  }
  .flex-center-start{
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
  }
  .flex-end{
    align-items: end;
    -webkit-align-items: end;
  }
  .align-self{
    align-self: center;
    -webkit-align-self:center;
  }
  /* 垂直 居中 */
  .flex-ver {
    align-items: center;
    -webkit-align-items: center;
  }
  /* 换行 */
  .flex-wrap{
    flex-wrap: wrap;
    -moz-flex-wrap:wrap;
    -webkit-flex-wrap: wrap;
  }
  /* 不换行 */
  .flex-nowrap{
    flex-wrap:nowrap;
    -moz-flex-wrap:nowrap;
    -webkit-flex-wrap: nowrap;
  }
  .flex-end{
    align-items: flex-end;
    -webkit-align-items: flex-end;
  }
  .flex-start{
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
  }
  .flex-end{
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
  }
  /* flex 容器（设置为flex）内子元素向两边顶齐平分 */
  .flex-jcsb {
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .align-self{
    align-self: center;
    -webkit-align-self:center;
  }
  .flex-around{
    justify-content: space-around;
    -webkit-justify-content: space-around;
  }
  /* flex .flex-direction-row .flex-wrap */
  .flex-derc-warp{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -moz-flex-wrap:wrap;
    -webkit-flex-wrap: wrap;
  }
  .flex-derc-nowarp{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap:nowrap;
    -moz-flex-wrap:nowrap;
    -webkit-flex-wrap: nowrap;
  }

  .mingcheng{
    padding-left: .6rem;
  }


